*{
	margin: 0;
	padding: 0;
}
.bigbox{
	/* 设置父盒子为flex容器 */
	display: flex;
	/* 决定主轴的方向 
		1.row:水平方向，从左往右，默认值
		  flex-directionwarp:row;
		2.row-reverse:水平，从右往左
		  flex-directionwarp:row-reverse
		3.column:垂直方向，从上往下
		4.column:垂直，从下往上
	*/
	flex-directionwarp:row;
	/* 决定项目换行方式 
		1.nowrap:不换行
		flex-wrap: nowrap;
		2.wrap:换行
		flex-wrap: wrap;
	*/
   /* 复合写法:flex-wrap:wrap-reverse */
   flex-flow: row wrap;
   justify-content:space-between;
   /* justify-content:space-between
      交叉轴上的对齐方式
      1.flex-start:沿着主轴开始的位置排
	  2.flex-end:沿着主轴的结束位置排
	  3.center:在主轴上居中
	  4.space-between:两端对齐
	  5.space-around:环绕对齐，拉手对齐
*/ 
	align-items: stretch;
	/* 多条轴线的对齐
	 1.flex-start:沿着主轴开始的位置对齐
	 2.flex-end:沿着主轴的结束位置对齐
	 3.center:在主轴上居中
	 4.space-between:两端对齐
	 5.space-around:环绕对齐，拉手对齐
	 */
	width: 700px;
	height: 700px;
	border: 1px solid gray;
	margin: auto;
}
.bigbox div{
	width: 200px;
	height: 300px;
	border: 1px solid red;
	line-height: 300px;
	text-align: center;
	font-size: 50px;
}